<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
<script>
    $(function () {
        $two = $("#two");
        $one = $("#one");

        $two.hide();
        $("#sub").click(function () {
            $("#com2").html($("#com").html());
            $one.hide();
            $two.show();
        });
        $("#cancel").click(function () {
            $two.hide();
            $one.show();
        });
        $("#ok").click(function () {
            $("body").html("提交成功");
        });
    })


</script>
    <div id="one">
        <div id="com">我是公共内容</div>
         我是第一个div里面的内容
        <button id="sub" >提交</button>
    </div>
    <div id="two">
        <div id="com2"></div>
        确定要提交内容吗?
        <button id="ok" >确定</button>
        <button id="cancel" >取消</button>
    </div>
</body>
</html>